<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<c:set value="${pageContext.request.contextPath}" var="base"></c:set>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<style type="text/css">

@font-face {
	font-family: "myfont1";
	src: url("${base}/font/海派腔调艺术粗黑简1.0.ttf");
}

@font-face {
	font-family: "myfont2";
	src: url("${base}/font/丛台-肖进生丛台体.ttf");
}

@font-face {
	font-family: "myfont3";
	src: url("${base}/font/翩翩连笔书.ttf");
}

@font-face {
	font-family: "myfont4";
	src: url("${base}/font/锐字工房云字库胖头鱼GBK.ttf");
}

#main_div {
	margin-top: 10px;
	width: 1900px;
	height: 920px;
	background-size: 100% 100%;
	background-image: url("${base}/photo/loginbg7.jpg");
}

#login_div {
	width: 380px;
	height: 450px;
	margin-left: 1350px;
	margin-top: 180px;
	position: absolute;
	border-radius: 15px;
	float: left;
	border:2px solid blue;
}

#login_div_div1 {
/* 	background-color: #1e90ff; */
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	height: 80px;
	text-align: center;
	font-size: 38px;
	line-height: 40px;
	background-color:;
}

#login_div_div1 img {
	height: 80px;
	width: 120px;
}

#login_div_div2 {
	margin-top: 60px;
	margin-left: 13px;
	width: 350px
}

.text {
	height: 40px;
	border-radius: 5px;
	width: 245px;
	font-size: 20px;
}

.submit {
	margin-top: 50px;
	height: 60px;
	border-radius: 10px;
	width: 350px;
	font-size: 30px;
/*  	background-color: black; 
 	color:white; */
}

a {
	text-decoration: none;
	color: white;
}

a:hover {
	color: red;
}
</style>
<body>
	<div id="main_div">
	    <div style="float:left;color:white;font-size:120px;margin-top:300px;margin-left:200px;font-family:myfont4;">xxx后台管理系统</div>
		<div id="login_div">
			<div id="login_div_div1">
				<div style="float: left; margin-left: 30px;">
					<img src="${base}/photo/header.png">
				</div>
				<div style="float: left; margin-top: 20px;">员工登陆</div>
			</div>
			<div id="login_div_div2">
				<form style="font-size: 20px;" action="${base}/system/staff_login2" method="post">
					用户名：<input type="text" class="text" name="account_number"
						placeholder="请输入您的账号" /> 
					密&nbsp;&nbsp;码：<input type="password" class="text" name="password" style="margin-top: 30px"
						placeholder="请输入您的密码" /> 
						<input type="submit" class="submit" value="登陆">
				</form>
			</div>
			<p style="text-align: right; width: 90%; margin-top: 20px;">
				<a href="">忘记密码?</a>
			</p>
		</div>
	</div>
</body>
</html>